.on-viewport {
	position: relative;
	overflow: hidden;

	display: -moz-inline-stack;  
	display: inline-block;  		
	/* *display: inline;  */
}

.on-canvas {
	position: absolute;
	overflow: visible;
	width: 100px;
	height: 100px;
	text-align: left;
}

.on-overlay {
	display:none;
	position: absolute;	
	height: 24px;
	width: 24px;
	top:0;
	left:0;
	background: url(images/ajax-loader-arrows.gif) no-repeat center center white;
}

.on-area {
	position: absolute;	
	border: 1px solid white;
}

.on-layers {
	position: absolute;
	overflow: visible;
}

.on-layer {
	position: absolute;
	overflow: visible;
}

.on-tool {
	display: block;
	text-indent: -9000px;
	background: url(images/move.gif) no-repeat center center transparent;
}

.on-toolbar {
	display: none;
	position: absolute;
	overflow: hidden;
	border: 1px solid #ddd;
	background: white;
	z-index: 2000;		
}

a.on-tool:hover {
	background-color: lightblue;
}

.on-tool-move {
	background: url(images/move.gif) no-repeat center center transparent;
	
}	

.on-tool-quote {
	background: url(images/quote.gif) no-repeat center center transparent;
	
}

.on-tool-zoomin {
	background: url(images/zoom-in.gif) no-repeat center center transparent;
	
}

.on-tool-zoomout {
	background: url(images/zoom-out.gif) no-repeat center center transparent;
	
}

.on-tool-scale-1-1 {
	background: url(images/zoom-1-1.gif) no-repeat center center transparent;
	
}

.on-tool-scale-to-fit {
	background: url(images/on-fit.gif) no-repeat center center transparent;
	
}

.on-tool-scale-to-fit-crop {
	background: url(images/on-grow.gif) no-repeat center center transparent;
	
}




.on-select-buttons  {
	position: absolute;	
	padding: 4px 0;
}

.on-select-buttons  button {
	width: 20px;
	height: 20px;
	margin-right: 4px;
}

.on-select-ok {
	background: url(images/quote.gif) no-repeat center center transparent;
}

.on-select-cancel {
	background: url(images/x.gif) no-repeat center center transparent;
}



.on-marker-wrapper {
	width: 0;
	height: 0;
	position: absolute;
}

.on-marker:hover {
    background: url(markers/marcador-hover.png) no-repeat top left transparent;    
}

.on-marker {
	top: -24px;
	left: -9.5px;
	width: 19px;
	height: 24px;
        background: url(markers/marcador-normal.png) no-repeat top left transparent;	
	position: absolute;
	cursor: pointer;        
        color: white;
        text-align: center;
        padding-top:3px;
        font-size:11px;
        font-weight: bold;
}